<template>
  <div class="aside">
    <el-col :span="12" id="elcol">
      <h3 class="title">宠物后台管理</h3>
      <el-menu
        default-active="/AdminInforManage"
        background-color="#001E34"
        text-color="#fff"
        active-text-color="#7BDCFE"
        router
        id="el-menu"
      >
        <el-menu-item index="/AdminInforManage">
          <i class="el-icon-setting"></i>
          <span slot="title">管理员信息管理</span>
        </el-menu-item>
        <el-menu-item index="/UserInforManage">
          <i class="el-icon-setting"></i>
          <span slot="title">用户信息管理</span>
        </el-menu-item>
        <el-menu-item index="/PerInforManage">
          <i class="el-icon-setting"></i>
          <span slot="title">个人信息管理</span>
        </el-menu-item>
        <el-menu-item index="/PetInforManage">
          <i class="el-icon-setting"></i>
          <span slot="title">宠物信息管理</span>
        </el-menu-item>
        <el-menu-item index="/PetClassification">
          <i class="el-icon-setting"></i>
          <span slot="title">宠物分类</span>
        </el-menu-item>
        <el-menu-item index="/ApplyAdoption">
          <i class="el-icon-setting"></i>
          <span slot="title">领养申请</span>
        </el-menu-item>
      </el-menu>
    </el-col>
  </div>
</template>

<script>
export default {
  name: "HomeAside",
};
</script>

<style lang="scss">
#elcol {
  text-align: start;
  width: 100%;
  .title {
    text-align: center;
    color: #fff;
  }
}
</style>